<!DOCTYPE html>
<html xmlns:th="www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="layouts/default">
<head>
<meta charset="UTF-8" />
<title>LOGIN</title>
<link rel="stylesheet" href="../../css/bootstrap/bootstrap.css"
	th:href="@{/css/bootstrap/bootstrap.css}" />
<script src="../../js/jquery-1.11.2.js" th:src="@{/js/jquery-1.11.2.js}"></script>
<script src="../../js/login.js" th:src="@{/js/login.js}"></script>
<style>
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot');
	src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
		url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
		url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular')
		format('svg');
}
}
</style>
</head>
<body>
	<header></header>
	<nav></nav>
	<div layout:fragment="content">Content</div>
	<section>
		<article>
			<div class="container">
				<div id="loginbox" style="margin-top: 50px;"
					class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
					<div id="error"></div>
					<div class="panel panel-info">
						<div class="panel-heading">
							<div class="panel-title">Sign In</div>
						</div>
						<div class="panel-body">
							<form id="loginform" th:action="@{/j_spring_security_check}"
								onsubmit="return validateLoginForm();" method="post">
								<div style="margin-bottom: 25px" class="input-group">
									<span class="input-group-addon"><i
										class="glyphicon glyphicon-user"></i></span> <input id="username"
										name="username" type="text" class="form-control" value=""
										placeholder="username or email" />
								</div>
								<div style="margin-bottom: 25px" class="input-group">
									<span class="input-group-addon"><i
										class="glyphicon glyphicon-lock"></i></span> <input id="password"
										name="password" type="password" class="form-control"
										placeholder="password" />
								</div>
								<div class="input-group">
									<div class="checkbox">
										<label> <input id="remember-me" name="remember-me"
											type="checkbox" /> Remember me
										</label>
									</div>
								</div>
								<div style="margin-top: 10px" class="form-group">
									<div class="col-sm-12 controls">
										<button type="submit"
											class="btn btn-success glyphicon glyphicon-log-in">
											Login</button>
									</div>
								</div>
								<div class="form-group">
									<div class="col-md-12 control">
										<div
											style="border-top: 1px solid #888; padding-top: 15px; font-size: 85%">
											Don't have an account! <a href="#"> Sign Up Here </a>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</article>
	</section>
	<footer>
	</footer>
</body>
</html>